\documentclass[tikz,border=2mm]{standalone}
\usepackage{array,amsmath,mathptmx,xcolor,bbding,pifont,colortbl,amssymb}
\usepackage[UTF8]{ctex}
\newcolumntype{C}[1]{>{\centering\let\newline\\\arraybackslash\hspace{0pt}}m{#1}}
% 只需要这个就可以
\usepackage[thicklines]{cancel}

% 可以设置线条颜色，默认是黑色
\usepackage{xcolor}
\renewcommand{\CancelColor}{\color{red}} 
\usepackage{tikz-cd}
\usepackage{tikz,graphicx,subfig,caption} % Required for drawing custom shapes
\usetikzlibrary{fit,matrix,chains,arrows,shapes,positioning,arrows.meta,chains,shadows,shapes.callouts,decorations.text,shapes.symbols,shapes.misc, positioning,decorations.pathreplacing,calc,backgrounds}
\arrayrulecolor{red}
% 设置浅蓝色
\definecolor{lightblue1}{RGB}{175, 175, 237}
\definecolor{lightgreen1}{RGB}{226, 246, 186}
\definecolor{lightpink}{RGB}{255, 202, 203}
\definecolor{lightblue2}{RGB}{205, 235, 255}
\definecolor{lightyellow}{RGB}{255, 254, 208}
% 设定删除线颜色
\renewcommand{\CancelColor}{\color{blue}}

\begin{document}
	\begin{tikzpicture}[>=latex,every node/.style={inner sep=0.2em}]
		\node[align=left,rounded corners=0.5em] at (0,0) (point1){
			\hspace{1em}quat(E)  \\
			$q_1$\hspace{0.5em}(if\hspace{0.5em}res(E)\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}) \\
			\hspace{1em}quat(S1) \\
			$q_2$\hspace{0.5em}(el\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}) \\
			\hspace{1em}quat(S2) \\
			$q_3$\hspace{0.5em}(ie\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-8em,yshift=-2em]point1.west) (point2){
			(1)\hspace{0.5em}(\hspace{0.5em}$<$\hspace{0.5em}a\hspace{0.5em}b\hspace{0.5em}t1\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point2.south) (point3){
			(2)\hspace{0.5em}(\hspace{0.5em}if\hspace{0.5em}t1\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point3.south) (point4){
			(3)\hspace{0.5em}(\hspace{0.5em}$+$\hspace{0.5em}a\hspace{0.5em}b\hspace{0.5em}t2\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point4.south) (point5){
			(4)\hspace{0.5em}(\hspace{0.5em}$=$\hspace{0.5em}t2\hspace{0.5em}$\_$\hspace{0.5em}x\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point5.south) (point6){
			(5)\hspace{0.5em}(\hspace{0.5em}el\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point6.south) (point7){
			(6)\hspace{0.5em}(\hspace{0.5em}$-$\hspace{0.5em}a\hspace{0.5em}b\hspace{0.5em}t3\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point7.south) (point8){
			(7)\hspace{0.5em}(\hspace{0.5em}$=$\hspace{0.5em}t3\hspace{0.5em}$\_$\hspace{0.5em}y\hspace{0.5em})
		};
		
		\node[align=left] at ([xshift=-0em,yshift=-1em]point8.south) (point9){
			(8)\hspace{0.5em}(\hspace{0.5em}ie\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em}$\_$\hspace{0.5em})
		};
		
		\begin{pgfonlayer}{background}
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point1)](box1){};
			
			\node [draw=blue,rounded corners=1em,fill=white ,rectangle, inner sep=1em,line width=0.005em][fit=(point2)(point3)(point4)(point5)(point6)(point7)(point8)(point9)](box5){};
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point2)](box2){};
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point4)(point5)](box3){};
			\node [draw=black,fill=white ,rectangle, inner sep=0.2em,line width=0.0025em][fit=(point7)(point8)](box4){};
		\end{pgfonlayer}
		
		% 右上角的箭头
		\draw[->,color=blue] ([xshift=-1.5em,yshift=2.4em]point1.east) -- ([xshift=-0.1em,yshift=2.4em]point1.east) -- ([xshift=-0.1em,yshift=-1.9em]point1.east) -- ([xshift=-3.5em,yshift=-1.9em]point1.east);
		\draw[->,color=red] ([xshift=-3.3em,yshift=-0.8em]point1.east) -- ([xshift=-0em,yshift=-0.8em]point1.east) -- ([xshift=-0em,yshift=-2.8em]point1.east) -- ([xshift=-2em,yshift=-2.8em]point1.east);
		% 左下角的箭头
		\draw[->,color=blue] ([xshift=-1.8em,yshift=-0em]point3.east) -- ([xshift=0.8em,yshift=-0em]point3.east) -- ([xshift=0.8em,yshift=-6.8em]point3.east) -- ([xshift=-0.8em,yshift=-6.8em]point3.east);
		
		\draw[->,color=red] ([xshift=-1.8em,yshift=-0em]point6.east) -- ([xshift=0.6em,yshift=-0em]point6.east) -- ([xshift=0.6em,yshift=-5.2em]point6.east) -- ([xshift=-0.7em,yshift=-5.2em]point6.east);
		
		\node[align=left] at ([xshift=-1em,yshift=2em]point2.north) {\SparkleBold\hspace{0.5em}四元式序列:};
		
		\draw[red] (-1.5,1) rectangle (0.25,1.4);
		\draw[red] (-1.5,0) rectangle (0.25,0.5);
		\draw[red] (-1.5,-0.95) rectangle (0.25,-0.45);
		
		\draw[->] ([xshift=0.8em,yshift=3.5em]point1.west) -- ([xshift=0.3em,yshift=1em]point2.east);
		
		\draw[->] ([xshift=0.8em,yshift=0em]point1.west) -- ([xshift=0.3em,yshift=1em]point4.east);
		
		\draw[->] ([xshift=0.8em,yshift=-3em]point1.west) -- ([xshift=0.3em,yshift=1em]point7.east);
		
	\end{tikzpicture}
\end{document}